.my-content {
  width: 750rpx;
  margin: 0 auto;
  box-sizing: border-box;
  padding: 0 24rpx;
  position: relative;
  z-index: 1;
  padding-bottom: 150rpx;
  background: #f5f5f5;
  min-height: calc(100vh);

  .mycontent-top-bc {
    position: absolute;
    width: 100%;
    background: url("")
      no-repeat;
    background-size: cover;
    background-size: 100% 100%;
    // height: 438rpx;
    height: 350rpx;
    z-index: 0;
    left: 0;
  }

  .mycontent-top-bc1 {
    position: absolute;
    width: 100%;
    background: url("")
      no-repeat;
    background-size: cover;
    background-size: 100% 100%;
    height: 500rpx;
    z-index: 0;
    left: 0;
  }
  .my-content-title-name {
    font-weight: 400;
    // font-size: 32rpx;
    font-size: 26rpx;
    color: black;
    line-height: 48rpx;
    text-align: center;
    padding-top: 38rpx;
    position: relative;
    z-index: 1;
  }
  .my-top {
    padding: 0 18rpx 0 18rpx;
    padding-top: 64rpx;
    display: flex;
    justify-content: space-between;
    position: relative;
    z-index: 1;
    align-items: center;
    .top-masage-k {
      // position: absolute;
      // top: 10rpx;
      // right: 28rpx;
      margin-right: 16rpx;
      display: flex;
      justify-content: center;
      align-items: center;
      image {
        position: relative;
        top: 6rpx;
        width: 48rpx;
        height: 48rpx;
      }
    }

    .my-top-info {
      display: flex;
      justify-content: left;
      align-items: center;
      .my-top-arr {
        // padding: 5rpx;
        // border: 5rpx solid #ffffff;
        background-color: #ffffff;
        border-radius: 50%;
        width: 153rpx;
        height: 153rpx;
        display: flex;
        justify-content: center;
        align-items: center;
        // font-size: 20rpx;
        image {
          width: 148rpx;
          height: 148rpx;
          border-radius: 50%;
        }
      }

      .my-top-nameorphone {
        display: flex;
        flex-direction: column;
        margin-left: 26rpx;
        .my-top-name {
          font-weight: 400;

          font-size: 32rpx;
          color: #333333;
          line-height: 48rpx;
          text-align: left;
          font-weight: bold;
          display: flex;
          justify-content: left;
          align-items: center;
          image {
            width: 100rpx;
            height: 40rpx !important;
            margin-left: 16rpx;
          }
        }
        .my-top-phone {
          font-weight: 400;

          font-size: 24rpx;
          color: #8c8c8c;
          line-height: 40rpx;
          text-align: left;
          display: flex;
          justify-content: left;
          align-items: center;
          .my-level {
            width: 1rpx;
            height: 30rpx;
            background-color: #d9d9d9;
            border-right: 1rpx solid #d9d9d9;
            display: block;
            margin-left: 16rpx;
          }
          image {
            width: 100rpx;
            height: 32rpx !important;
            margin-left: 16rpx;
          }
        }
        .my-paycode {
          display: flex;
          justify-content: flex-start;
          align-items: center;
          text {
            font-family: PingFang SC, PingFang SC;
            font-weight: 400;

            font-size: 24rpx;
            color: #333333;
            line-height: 40rpx;
            text-align: left;
            font-style: normal;
            text-transform: none;
          }
          image {
            width: 32rpx;
            height: 32rpx;
          }
          .icon {
            .icon-erweima1 {
              font-size: 28rpx;
            }
            ::v-deep .u-icon__icon {
              font-size: 36rpx !important;
              line-height: 36rpx !important;
            }

            .uni-icons {
              color: #333333 !important;
            }
          }
        }
      }
    }
    .my-top-messg {
      position: relative;
      display: flex;
      justify-content: flex-end;
      align-items: center;
      // text-align: right: ;;
      width: 160rpx;
      image {
        width: 48rpx;
        height: 48rpx;
        // border: 1rpx dashed ;
      }
      view {
        font-family: PingFang SC, PingFang SC;
        font-weight: 400;

        font-size: 24rpx;
        color: #ffffff;
        line-height: 34rpx;
        text-align: center;
        font-style: normal;
        text-transform: none;
      }
      ::v-deep .my-top-messg-icon {
        font-size: 36rpx !important;
        color: #333333 !important;
        text {
          font-size: 36rpx !important;
          color: #333333 !important;
        }
      }
    }
  }
  .my-money {
    position: relative;
    z-index: 1;
    box-sizing: border-box;
    width: 702rpx;
    // height: 244rpx;
    background: #ffffff;
    border-radius: 24rpx 24rpx 24rpx 24rpx;
    margin-top: 48rpx;
    padding-bottom: 32rpx;
    .my-money-title {
      display: flex;
      justify-content: space-between;
      align-items: center;
      padding: 32rpx 32rpx 0rpx 32rpx;
      .my-money-titlename {
        font-family: PingFang SC, PingFang SC;
        font-weight: 400;

        font-size: 24rpx;
        color: #8c8c8c;
        line-height: 34rpx;
        text-align: left;
        font-style: normal;
        text-transform: none;
      }
    }

    .my-money-num {
      width: 100%;
      //   height: 156rpx;
      background: #ffffff;
      border-radius: 20rpx 20rpx 20rpx 20rpx;
      margin: 0 auto;
      display: flex;
      align-items: center;
      justify-content: space-between;
      align-items: center;
      box-sizing: border-box;
      padding: 0 32rpx;
      margin-top: 16rpx;
      .my-money-k {
        display: flex;
        justify-content: flex-end;
        align-items: center;
        margin-top: -60rpx;

        text {
          font-weight: 400;

          font-size: 24rpx;
          color: #8c8c8c;
          line-height: 40rpx;
          text-align: right;
          font-style: normal;
          text-transform: none;
        }
        image {
          width: 32rpx;
          height: 32rpx;
        }
      }
      //   padding: 0 18rpx;
      .my-money-numitem {
        // flex: 1;
        .my-money-numitem-num {
          font-weight: 400;

          font-weight: bold;
          font-size: 48rpx;
          color: #d49e3b;
          line-height: 56rpx;
          text-align: center;
          font-style: normal;
          text-transform: none;
        }
        .my-money-numitem-name {
          font-weight: 400;

          font-size: 24rpx;
          color: #8c8c8c;
          line-height: 34rpx;
          text-align: center;
          font-style: normal;
          text-transform: none;
          margin-top: 8rpx;

          ::v-deep .my-money-numitem-name-icom {
            font-size: 20rpx !important;
            color: #777777 !important;
            margin-left: 16rpx;
            text {
              font-size: 20rpx !important;
              color: #777777 !important;
            }
          }
        }
      }
    }
  }

  .myearnings {
    position: relative;
    z-index: 9;

    .myearnings-title {
      font-size: 32rpx;
      color: #101214;
      line-height: 68rpx;
      text-align: left;
      padding-top: 30rpx;
      padding-bottom: 20rpx;
      font-weight: bold;
    }

    .myearnings-k {
      width: 690rpx;
      height: auto;
      background: #ffffff;
      border-radius: 20rpx 20rpx 20rpx 20rpx;

      box-sizing: border-box;
    }
    .myearnings-ye {
      font-weight: 400;

      font-size: 26rpx;
      color: #777777;
      line-height: 38rpx;
      width: 690rpx;
      height: 96rpx;
      background: linear-gradient(180deg, #ffecec 0%, #ffffff 100%);
      border-radius: 20rpx 20rpx 20rpx 20rpx;
      box-sizing: border-box;
      // padding-top: 20rpx;
      padding: 20rpx 30rpx 0rpx;
    }
    .myearnings-ye-k {
      margin-top: -70rpx;
      box-sizing: border-box;
      padding-bottom: 30rpx;

      .myearnings-ye-num {
        margin-left: 2rpx;
        .myearnings-ye-nums-nu {
          font-weight: 700;
          font-size: 72rpx;
          color: #333333;
          line-height: 88rpx;
          text-align: left;
          margin-left: 28rpx;
          margin-right: 6rpx;
        }
        text {
          font-weight: 400;

          font-size: 24rpx;
          color: #b63434;
          line-height: 40rpx;
          text-align: left;
        }

        ::v-deep .myearnings-ye-nums-nuicon {
          color: #b63434 !important;
          font-size: 24rpx !important;
          text {
            color: #b63434 !important;
            font-size: 24rpx !important;
          }
        }
      }
    }
    .myearnings-sy {
      display: flex;
      justify-content: center;
      box-sizing: border-box;
      padding: 0 30rpx;
      .myearnings-sy-item {
        flex: 1;
        text-align: left;
        .myearnings-sy-item-name {
          font-weight: 400;

          font-size: 26rpx;
          color: #777777;
          line-height: 42rpx;
          margin-top: 14rpx;
        }
        .myearnings-sy-item-num {
          font-weight: 700;
          font-size: 40rpx;
          color: #333333;
          line-height: 40rpx;
          margin-top: 6rpx;
        }
      }
    }
  }

  .operation {
    position: relative;
    z-index: 9;
    width: 690rpx;
    height: auto;
    background: #ffffff;
    margin-top: 28rpx;
    border-radius: 14rpx 14rpx 14rpx 14rpx;
    .operation-item {
      width: 100%;
      height: 104rpx;
      display: flex;
      justify-content: space-between;
      align-items: center;
      padding-left: 24rpx;
      padding-right: 30rpx;
      .operation-item-left {
        display: flex;
        justify-content: center;
        align-items: center;
        image {
          width: 48rpx;
          height: 48rpx;
        }
        .name {
          font-weight: bold;
          font-size: 28rpx;
          color: #272727;
          line-height: 38rpx;
          text-align: left;
          margin-left: 12rpx;
        }
      }
      ::v-deep .operation-item-right-icon {
        font-size: 28rpx !important;
        color: #ababab !important;
        text {
          font-size: 28rpx !important;
          color: #ababab !important;
        }
      }
    }
  }
}
.uni-popup {
  z-index: 999;
}
.popup-k {
  background-color: #ffffff;
  z-index: 999;
  border-radius: 32rpx 32rpx 0rpx 0rpx;

  .popup-top {
    width: 750rpx;
    height: 218rpx;
    background: linear-gradient(180deg, #ffecec 0%, #ffffff 100%);
    border-radius: 20rpx 20rpx 20rpx 20rpx;
    box-sizing: border-box;
    padding: 0 40rpx;
    margin: 0 auto;
    .popup-title {
      // font-weight: bold;
      font-weight: bold;
      font-size: 32rpx;
      color: #333333;
      line-height: 36rpx;
      text-align: center;
      padding-top: 44rpx;
    }

    .popup-title-doc {
      width: 670rpx;
      height: 72rpx;
      font-weight: 400;

      font-size: 28rpx;
      color: #333333;
      line-height: 36rpx;
      text-align: center;
      padding-top: 46rpx;
    }
  }
  .form-k {
    margin: 0 auto;
    margin-top: 20rpx;
    width: 650rpx;
    ::v-deep .uni-forms-item__label {
      font-weight: bold;
    }

    ::v-deep .uni-input-placeholder {
      font-weight: 400;

      font-size: 28rpx !important;
    }
    ::v-deep .uni-forms-item__label text {
      white-space: nowrap !important;
    }
    .imfrom-k {
      width: 600rpx;
      height: 96rpx;
      background: #f6f7f9;
      border-radius: 146rpx 146rpx 146rpx 146rpx;

      display: flex;
      justify-content: center;
      align-items: center;
      margin: 0 auto;
      margin-bottom: 30rpx;

      ::v-deep .uni-forms-item {
        width: 500rpx;
      }
      ::v-deep .uni-forms-item__error {
        display: none !important;
      }

      ::v-deep .msg--active {
        display: none !important;
      }
      .password-input {
        ::v-deep .uni-input-input {
          -webkit-text-security: disc;
        }
      }
      .imfrom-k-yz {
        display: flex;
        justify-content: left;
        align-items: center;
        width: 400rpx;
        .imfrom-k-yz {
          font-weight: 400;

          font-size: 28rpx;
          color: #b63434;
          line-height: 48rpx;
        }
        ::v-deep .uni-input-wrapper {
          width: 170rpx;
        }

        .getcodes {
          width: 280rpx;
          font-weight: 400;

          font-size: 28rpx;
          color: #b63434;
          height: 100%;
          text-align: center;
        }
      }
    }
    ::v-deep .uni-forms-item {
      margin-bottom: 0 !important;
    }
    ::v-deep .uni-easyinput__content {
      border: none !important;
    }
    ::v-deep .uni-easyinput__content {
      background-color: rgba(255, 255, 255, 0) !important;
    }
    ::v-deep .uniui-clear {
      display: none;
    }
    .bt-k {
      width: 216rpx;
      margin: 0 auto;
      padding-bottom: 50rpx;

      .form-bt {
        width: 216rpx;
        color: #ffffff !important;
        border-radius: 32rpx !important;
        height: 72rpx !important;
        line-height: 72rpx !important;
        background-color: #b63434 !important;
        font-weight: 600 !important;
        font-size: 28rpx !important;
        color: #ffffff !important;
      }
    }
  }
}

.zc-rule {
  width: 646rpx;
  margin: 0 auto;
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 26rpx;
  margin-bottom: 20rpx;
  .zc-rule-checkox {
  }
  .text-color {
    color: #b63434;
  }
}

.launch-weapp {
  // background-color: red;
  width: 100%;
  height: 100%;
  overflow: hidden;
  opacity: 0;
  button {
    line-height: 170rpx !important;
  }
}

.launch-weapp-foolr {
  position: fixed !important;
  width: 250rpx;
  height: 95rpx;
  overflow: hidden;
  left: 50%;
  bottom: 0;
  margin-left: -125rpx;
  z-index: 999 !important;
  line-height: 95rpx !important;
  opacity: 0;
  button {
    line-height: 95rpx !important;
  }
}

.popup-index {
  position: fixed;
  z-index: 999;
}

.user-list {
  width: 100%;
  height: auto;
  background: #ffffff;
  border-radius: 24rpx 24rpx 24rpx 24rpx;
  overflow: hidden;
  margin-top: 24rpx;
  position: relative;
  z-index: 122;
  .user-list-item {
    display: flex;
    justify-content: space-between;
    align-items: center;
    height: 96rpx;
    padding: 0 32rpx;
    box-sizing: border-box;
    .user-list-item-left {
      display: flex;
      justify-content: left;
      align-items: center;
      image {
        width: 40rpx;
        height: 40rpx;
      }
      text {
        font-weight: 400;

        font-size: 32rpx;
        color: #333333;
        line-height: 44rpx;
        text-align: left;
        font-style: normal;
        text-transform: none;
        margin-left: 16rpx;
      }
    }
    .user-list-item-right {
      width: 32rpx;
      height: 32rpx;
      image {
        width: 32rpx;
        height: 32rpx;
      }
    }
  }
}

::v-deep .u-count-num {
  font-family: Medium !important;
}
.top-upgrade {
  width: 698rpx;
  height: 96rpx;
  margin-top: 40rpx;
  position: relative;
  .top-upgrade-image {
    width: 100%;
    height: 100%;
  }
  .top-upgrade-title {
    position: absolute;
    top: 26rpx;
    left: 24rpx;
    display: flex;
    justify-content: left;
    align-items: center;
    font-weight: bold;
    font-size: 28rpx;
    color: #fdd7bc;
    line-height: 40rpx;
    text-align: left;
    image {
      width: 48rpx;
      height: 44rpx;
      margin-right: 4rpx;
    }
  }
  .top-upgrade-pay {
    font-weight: bold;
    font-size: 24rpx;
    line-height: 36rpx;
    text-align: left;
    font-style: normal;
    text-transform: none;
    padding: 6rpx 24rpx;
    position: absolute;
    right: 24rpx;
    top: 24rpx;
    background: linear-gradient(90deg, #fdd7bc 4%, #e1b290 100%);
    border-radius: 40rpx 40rpx 40rpx 40rpx;
    text-align: center;
  }
}
.top-word {
  width: 698rpx;
  height: 96rpx;
  margin-top: 40rpx;
  display: flex;
  justify-content: space-between;
  align-items: center;
  background: #ffffff;
  border-radius: 20rpx 20rpx 0rpx 0rpx;
  position: relative;
  .top-upgrade-title {
    display: flex;
    justify-content: left;
    align-items: center;
    font-weight: bold;
    font-size: 28rpx;
    // color: #fdd7bc;
    color: #262626;
    line-height: 40rpx;
    text-align: left;
    margin-left: 24rpx;
    image {
      width: 48rpx;
      height: 44rpx;
      margin-right: 4rpx;
    }
  }
  .top-upgrade-pay {
    font-weight: 400;
    font-size: 24rpx;
    color: #8c8c8c;
    line-height: 45rpx;
    text-align: right;
    font-style: normal;
    text-transform: none;
    margin-right: 24rpx;
    display: flex;
    justify-content: flex-end;
    align-items: center;
  }
}

.user-order {
  display: flex;
  width: 702rpx;
  height: 158rpx;
  background: #ffffff;
  border-radius: 24rpx 24rpx 24rpx 24rpx;
  z-index: 12;
  position: relative;
  box-sizing: border-box;
  padding: 30rpx 16rpx;
  margin-top: 20rpx;
  .user-order-item {
    width: 20%;
    text-align: center;
    image {
      width: 56rpx;
      height: 56rpx;
    }
  }
  .user-order-name {
    font-weight: 400;
    font-size: 24rpx;
    color: #333333;
    line-height: 34rpx;
    text-align: center;
    margin-top: 8rpx;
    font-family: PingFang SC, PingFang SC;
  }
}
.user-list-gn {
  margin-top: 20rpx;
  height: auto;
  flex-wrap: wrap;
  .user-order-item {
    width: 25%;
    padding-bottom: 32rpx;
  }
}

.user-ghs {
  width: 702rpx;
  background: #ffffff;
  border-radius: 20rpx 20rpx 20rpx 20rpx;
  margin-top: 20rpx;
  padding: 28rpx 32rpx;
  display: flex;
  justify-content: left;
  align-items: center;
  box-sizing: border-box;
  image {
    width: 48rpx;
    height: 48rpx;
  }
  text {
    margin-left: 8rpx;
    font-weight: 400;
    font-size: 24rpx;
    color: #262626;
    line-height: 38rpx;
    text-align: left;
  }
  .select-ghs {
    padding: 4rpx 20rpx;
    background: #f3498b;
    border-radius: 200rpx 200rpx 200rpx 200rpx;
    font-weight: 400;
    font-size: 18rpx;
    color: #ffffff;
    line-height: 26rpx;
    text-align: center;
  }
}

.user-haibaoorfapiao {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-top: 20rpx;
  .user-haibaoorfapiao-item {
    width: 339rpx;
    height: 112rpx;
    background: #ffffff;
    border-radius: 24rpx 24rpx 24rpx 24rpx;
    display: flex;
    justify-content: left;
    align-items: center;
    padding-left: 32rpx;
    box-sizing: border-box;
    image {
      width: 48rpx;
      height: 48rpx;
    }
    text {
      font-weight: bold;

      font-size: 28rpx;
      color: #333333;
      line-height: 40rpx;
      text-align: left;
      margin-left: 16rpx;
    }
  }
}

.my-iofo-content {
  margin-top: 20rpx;
  display: flex;
  justify-content: space-between;
  align-items: center;
  .my-iofo-content-left {
    width: 339rpx;
    height: auto;

    .my-iofo-content-left-item {
      width: 339rpx;
      height: 112rpx;
      background: #ffffff;
      border-radius: 24rpx 24rpx 24rpx 24rpx;
      display: flex;
      justify-content: left;
      align-items: center;
      box-sizing: border-box;
      padding-left: 32rpx;
    }
    image {
      width: 48rpx;
      height: 48rpx;
    }
    text {
      margin-left: 16rpx;
      font-weight: bold;

      font-size: 28rpx;
      color: #333333;
      line-height: 40rpx;
      text-align: left;
    }
    .my-iofo-content-left-item:first-child {
      margin-bottom: 20rpx;
    }
  }
  .my-iofo-content-right {
    display: flex;
    justify-content: center;
    flex-direction: column;
    align-items: center;
    width: 340rpx;
    height: 244rpx;
    background: #ffffff;
    border-radius: 24rpx 24rpx 24rpx 24rpx;
    image {
      width: 48rpx;
      height: 48rpx;
    }
    .my-iofo-content-right-name {
      margin-top: 16rpx;
      font-weight: bold;

      font-size: 28rpx;
      color: #333333;
      line-height: 40rpx;
    }
  }
}

.my-info {
  background: #ffffff;
  border-radius: 24rpx 24rpx 24rpx 24rpx;
  margin-top: 20rpx;
  padding: 20rpx 32rpx;
  .my-info-sf {
    display: flex;
    justify-content: left;
    align-items: center;
    padding: 12rpx 0rpx;

    image {
      width: 40rpx;
      height: 40rpx;
    }
    text {
      font-weight: 400;

      font-size: 24rpx;
      color: #262626;
      line-height: 38rpx;
      text-align: left;
      margin-left: 8rpx;
    }
    .my-info-sf-right {
      margin-left: 16rpx;
    }
    .my-info-sf-click {
      font-weight: 400;

      font-size: 24rpx;
      color: #8c8c8c;
      line-height: 38rpx;
      text-align: left;
      margin-left: 8rpx;
      border-bottom: 1rpx solid #8c8c8c;
    }
  }
}

.user-shop {
  margin-top: 32rpx;
  .user-shop-item {
    font-weight: bold;
    font-size: 32rpx;
    color: #333333;
    line-height: 44rpx;
    text-align: left;
    display: flex;
    justify-content: space-between;
  }
  .shop-list {
    margin-top: 24rpx;
    display: flex;
    justify-content: space-between;
  }
  .shop-list-item {
    width: 218rpx;
    background: #ffffff;
    border-radius: 16rpx 16rpx 16rpx 16rpx;
    padding-bottom: 16rpx;
    .shop-list-image {
      width: 218rpx;
      height: 218rpx;
      image {
        width: 218rpx;
        height: 218rpx;
      }
    }
    .shop-list-name {
      margin-top: 8rpx;
      font-weight: bold;

      font-size: 24rpx;
      color: #333333;
      line-height: 34rpx;
      text-align: left;
      padding-left: 12rpx;
      padding-right: 12rpx;
      display: -webkit-box;
      -webkit-box-orient: vertical;
      -webkit-line-clamp: 2;
      overflow: hidden;
      text-overflow: ellipsis;
    }
    .shop-list-price {
      font-weight: bold;

      font-size: 32rpx;
      color: #f3498b;
      line-height: 40rpx;
      padding-left: 12rpx;
      padding-right: 12rpx;
      text {
        font-weight: bold;

        font-size: 20rpx;
        color: #f3498b;
        line-height: 40rpx;
      }
    }
  }
}

::v-deep .uni-badge--small {
  background-color: #fa2626 !important;
  // right: -5px !important;
  // top: -4px !important;
}

.work-banner {
  width: 702rpx;
  margin: 0 auto;
  background: #ffffff;
  border-radius: 20rpx 20rpx 20rpx 20rpx;
  margin-bottom: 20rpx;
  margin-top: 20rpx;

  .work-banner-list {
    width: 702rpx;
    height: 80rpx;
    background: #ffffff;
    margin: 0 auto;
    border-radius: 20rpx;
    color: #333333;
    // font-weight: bold;
    font-size: 32rpx;
    .list-index {
      display: flex;
      align-items: center;
      justify-content: space-between;
      height: 96rpx;
      padding: 0 32rpx;
    }
    .list-index-right {
      display: flex;
      justify-content: flex-end;
      align-items: right;
    }
    .list-index-input {
      ::v-deep .uni-input-input {
        text-align: right;
      }
      ::v-deep .input-placeholder {
        text-align: right;
      }
    }
  }

  .user-order {
    display: flex;
    width: 702rpx;
    height: 184rpx;
    background: #ffffff;
    border-radius: 24rpx 24rpx 24rpx 24rpx;
    z-index: 12;
    position: relative;
    box-sizing: border-box;
    margin-top: 40rpx;
    .user-order-item {
      width: 20%;
      text-align: center;
      image {
        width: 56rpx;
        height: 56rpx;
      }
    }
    .user-order-name {
      font-weight: 400;
      font-size: 24rpx;
      color: #333333;
      line-height: 34rpx;
      text-align: center;
      margin-top: 8rpx;
    }
  }
  .user-list-gn {
    margin-top: 20rpx;
    height: auto;
    flex-wrap: wrap;
    .user-order-item {
      width: 25%;
      padding-bottom: 32rpx;
    }
  }

  .foodr-list {
    width: 702rpx;
    min-height: 92rpx;
    background: #ffffff;
    margin: 0 auto;
    border-radius: 20rpx;
    display: flex;
    align-items: center;
    .list-index {
      display: flex;
      align-items: center;
      justify-content: space-between;
      width: 638rpx;
      height: 44rpx;
      padding: 0 32rpx;
    }
    .list-index-left {
      font-weight: bold;
      color: #333333;
      font-size: 32rpx;
      display: flex;

      image {
        width: 48rpx;
        height: 48rpx;
        margin-right: 16rpx;
      }
    }
    .list-index-right {
      display: flex;
      justify-content: flex-end;
      align-items: right;
      font-size: 24rpx;
      color: #8c8c8c;

      image {
        width: 32rpx;
        height: 32rpx;
      }
    }
  }

  .work-middle {
    width: 702rpx;
    height: 170rpx;
    background: #ffffff;
    // border-top: 2rpx solid #d8d8d8;
    // border-bottom: 2rpx solid #d8d8d8;
    display: flex;
    justify-content: space-between;
    align-items: center;

    .work-middle-left {
      margin-left: 30rpx;

      .middle-left-top {
        font-size: 24rpx;
        color: #8c8c8c;
      }

      .middle-left-footer {
        color: #262626;
        font-size: 40rpx;
      }
    }

    .work-middle-right {
      font-size: 28rpx;
      display: flex;
      .middle-right-bt {
        width: 120rpx;
        height: 64rpx;
        background: #ffffff;
        border-radius: 200rpx 200rpx 200rpx 200rpx;
        border: 2rpx solid #d9d9d9;
        margin-right: 34rpx;
        display: flex;
        align-items: center;
        justify-content: center;
      }
      .withdrawal {
        width: 120rpx;
        height: 64rpx;
        background: #ffffff;
        border-radius: 200rpx 200rpx 200rpx 200rpx;
        border: 2rpx solid #f3498b;
        color: #f3498b;
      }
    }
  }

  .work-banner-footer {
    width: 702rpx;
    height: 98rpx;
    background: #ffffff;
    border-radius: 0rpx 0rpx 20rpx 20rpx;
    display: flex;

    .work-footer-box {
      width: 350rpx;
      height: 98rpx;
      background: #ffffff;
      border-radius: 0rpx 0rpx 0rpx 20rpx;
      display: flex;
      align-items: center;

      .left-box {
        // width: 264rpx;
        width: 300rpx;
        height: 34rpx;
        display: flex;
        align-items: center;
        margin-left: 32rpx;
        ::v-deep .uni-tooltip-popup {
          white-space: nowrap;
          // width: 150rpx;
        }

        .work-left-text {
          color: #595959;
          font-size: 24rpx;
          white-space: nowrap;
        }
        .work-money {
          color: #262626;
          font-size: 24rpx;
          font-weight: bold;
          white-space: nowrap;
          width: 180rpx;
          overflow: hidden;
          text-overflow: ellipsis;
        }
      }
    }
  }
}
